<template>
  <div id="app">
    <Topbar></Topbar>
    <router-view></router-view>
    <Login></Login>
    <Tips><h3 slot="title">还没登录哦</h3></Tips>
    <!-- <Tips content='请登陆哦'></Tips> -->
    <PlayCom></PlayCom>
  </div>
</template>

<script>
import Topbar from './components/Topbar'
import Login from './components/Login'
import Tips from './components/Tips'
import PlayCom from './components/PlayCom'

export default {
  name: 'App',
  components: {
    Topbar,
    Login,
    Tips,
    PlayCom
  }
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
body{
  font-size: 12px;
}

li{
    list-style: none;
}
a{
    text-decoration: none;
}
.font-normal{
  font-style: normal !important;
  font-weight: normal;
}
.font-12{
  font-size: 12px;
}
.text-right{
  text-align: right;
}
.container{
    width: 1100px;
    margin: 0 auto;
}
.ml20{
  margin-left: 20px;
}
.mt20{
  margin-top: 20px;
}
.mb10{
  margin-bottom: 10px;
}
.mb70{
  margin-bottom: 70px !important;
}
.flex{
    display: flex;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-column{
  flex-direction: column;
}
.justify-between{
    justify-content: space-between;
}
.justify-around{
    justify-content: space-around;
}
.justify-center{
    justify-content: center;
}
.align-center{
  align-items: center;
}
</style>
